<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="assets/css/admin.css" />
		<script src="assets/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="assets/js/popper.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="assets/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>

		<!-- 顶部菜单 -->
		<nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top">
			<a class="navbar-brand" href="admin/">湛锋后台管理中心</a>
			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor02" aria-controls="navbarColor02" aria-expanded="false" aria-label="Toggle navigation">
        	<span class="navbar-toggler-icon"></span>
      		</button>

			<div class="collapse navbar-collapse" id="navbarColor02">
				<ul class="navbar-nav ml-auto">

					<li class="nav-item mr-5">
						<a class="nav-link" href="./">网站首页</a>
					</li>
					<li class="nav-item dropdown">
						<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
							管理员:yh(admin)
						</a>
						<div class="dropdown-menu dropdown-menu-right">
							<a class="dropdown-item" href="#">修改个人信息</a>
							<a class="dropdown-item" href="#">修改登录密码</a>
							<div class="dropdown-divider"></div>
							<a class="dropdown-item _exit" href="javascript:void(0);">安全退出</a>
						</div>
					</li>
				</ul>
			</div>
		</nav>

		<!--左边菜单-->
		<nav class="left">
			<ul class="my-menu">
				<li>
					<div>系统中心</div>
					<ul>
						<li>
							<a href="admin/user/page.jsp">用户管理</a>
						</li>

						<li>
							<a href="admin/config.jsp">系统设置</a>
						</li>
						<li>
							<a href="admin/pay-config.jsp">支付设置</a>
						</li>
						<li>
							<a href="admin/file-config.jsp">文件服务设置</a>
						</li>
					</ul>
				</li>
				<li>
					<div>内容管理</div>
					<ul>
						<li>
							<a href="admin/article/page.jsp">新闻中心</a>
						</li>
						<li>
							<a href="admin/article/type/page.jsp">新闻类别管理</a>
						</li>
						<li>
							<a href="admin/article/page-modify.jsp">单一页面管理</a>
						</li>
					</ul>
				</li>
				<li>
					<div>产品中心</div>
					<ul>
						<li>
							<a href="admin/mall-product/page.jsp">产品管理</a>
						</li>
						<li>
							<a href="admin/order/page.jsp">订单管理</a>
						</li>
					</ul>
				</li>
				<li>
					<div>网站管理</div>
					<ul>
						<li>
							<a href="admin/comment/page.jsp">评论管理</a>
						</li>
						<li>
							<a href="admin/link/page.jsp">链接管理</a>
						</li>
					</ul>
				</li>
			</ul>
			<script type="text/javascript">
				$(function() {
					var index = 1;
					$(".my-menu>li:not(:nth-child(" + index + "))>ul").hide();
					$(".my-menu>li>div").click(function() {
						var $this = $(this);
						if($this.next().is(":hidden")) {
							$this.parent().parent().children().children("ul:visible").hide();
							$this.next().show();
						}
					});
				});
			</script>
		</nav>

		<!--底部-->
		<footer>
			zhanfeng.yh &copy; 版权所有
		</footer>

		<!--中间-->
		<section>
			<nav aria-label="breadcrumb">
				<ol class="breadcrumb">
					<li class="breadcrumb-item">管理首页</li>
					<li class="breadcrumb-item">内容管理</li>
					<li class="breadcrumb-item active">新闻中心</li>
				</ol>
			</nav>

			<form class="form-inline">
				<div class="form-group mx-sm-1 mb-2">
					<label class="sr-only">新闻类别：</label>
					<select class="form-control">
						<option value="">全部</option>
					</select>
				</div>
				<div class="form-group mx-sm-1 mb-2">
					<label class="sr-only">关键字：</label>
					<input type="text" class="form-control" placeholder="搜索关键字">
				</div>
				<button type="submit" class="btn btn-primary mb-2"><i class="fa fa-search"></i></button>
				<a href="#" class="btn btn-success ml-auto mr-2"><i class="fa fa-plus"></i></a>
			</form>
			<div class="ml-2 mr-2">
				<table class="table table-striped table-bordered table-hover">
					<thead>
						<tr>
							<th scope="col">#</th>
							<th scope="col">First</th>
							<th scope="col">Last</th>
							<th scope="col">Handle</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<th scope="row">1</th>
							<td>Mark</td>
							<td>Otto</td>
							<td>@mdo</td>
						</tr>
						<tr>
							<th scope="row">2</th>
							<td>Jacob</td>
							<td>Thornton</td>
							<td>@fat</td>
						</tr>
						<tr>
							<th scope="row">3</th>
							<td>Larry</td>
							<td>the Bird</td>
							<td>@twitter</td>
						</tr>
					</tbody>
				</table>
			</div>
		</section>

	</body>

</html>